<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>

</head>
<body>
    
    <div class="home">
        <div class="home-banner">

        </div>

        <div class="home-body">
            <div class="body-one">
                <div class="home-ranking">
                    <p class="ranking-one">今日排名</p>
                    <p class="ranking-two">9</p>
                </div>
    
                <div class="home-cumulative">
                    <p class="cumulative-one">累计打卡23天</p>
                    <button class="cumulative-btn">今日打卡</button>
                </div>

            </div>

            <div class="body-two">
                <div class="home-data">
                    <p>运动数据</p>
                </div>
    
                <div class="home-badge">
                    <p class="badge-one">累计运动徽章</p>
                    <p class="badge-two">
                        <span class="two-one">3</span>
                        <span class="two-two">枚</span>
                    </p>
                </div>
            </div>

            <div class="home-course">
                <p>课程训练</p>
            </div>

            <div class="home-run">
                <p>户外跑步</p>
            </div>
        </div>

        <div class="footer dpflex">
            <div class="footer-cont dpflex active">
                <span class="iconfont icon-shouye"></span>
                <span>首页</span>
            </div>

            <div class="footer-cont dpflex">
                <span class="iconfont icon-jiankangguanli"></span>
                <span>运动</span>
            </div>

            <div class="footer-cont dpflex">
                <span class="iconfont icon-dilanxianxingiconyihuifu_huabanfuben
                "></span>
                <span>圈子</span>
            </div>

            <div class="footer-cont dpflex">
                <span class="iconfont icon-user"></span>
                <span>我的</span>
            </div>
        </div>
    </div>

</body>
</html>